<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            /* 字体颜色 */
      color: purple;
      /* 
      字体大小 
      1 默认值  16px -  修改系统字体大小-修改浏览器字体大小
      */
      font-size: 20px;
      /* 
      字体加粗
      400 正常  500 600 700 
       */
      font-weight: 700;
      /* 字体倾斜 */
      /* font-style: italic; */
      /* 行高 */
      line-height: 30px;

      /* 首行文本缩进 */
      /* 
      长度单位
      1 px
      2 em  你当前字体的大小  1em = 20px = 一个文字大小
      3 rem
      4 % 
      5 vw/vh
       */
      text-indent: 2em;
      /* 
      文本修饰线
      上划线  overline       少 
      中划线  line-through    多
      下划线  underline      多
       */
      text-decoration: underline;
      background-color: yellowgreen;
        }
    </style>
</head>
<body>
    <div>地球居然漏气了？这消息一听就让人感觉有点懵圈，
        毕竟地球又不是气球，而是块硬邦邦的石头疙瘩，
        除了外面一层大气，里面基本都是固体和液体，
        从外到里分成地壳、地幔和地核三大块。越靠近地心，
        压力和密度越大，几乎不可能有啥气体。
        那地球漏的啥气，这气又是哪来的？</div>
</body>
</html>